<!--
 * @Author: your name
 * @Date: 2021-08-10 16:06:59
 * @LastEditTime: 2021-08-16 13:19:58
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \网易考拉项目\html\index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/commit.css">
    <link rel="stylesheet" href="./css/index-motherboard.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./fonts/font图标/iconfont.css">
    <title>index</title>
</head>

<body>
    <!-- 网易考拉项目的header开始 -->
    <!-- <header> -->
    <!-- header当中的黑色导航栏 -->
    <div class="div-black">
        <nav class="nav-black">
            <!-- 黑色导航栏的左侧标签和链接 -->
            <div class="nav-black-left">
                <span>考拉欢迎你!</span>
                <a href="./login.html">登录</a>
                <a href="./login.html">免费注册</a>
                <a href="#">手机考拉</a>
            </div>
            <!-- 黑色导航栏的右侧标签和链接 -->
            <ul class="nav-black-right">
                <li><a href="./daily check-in.html">每日签到</a></li>
                <li><a href="#">我的订单</a></li>
                <li>
                    <a href="./personal  center.html">
                        个人中心
                        <ul id="up">
                            <li>我的优惠券</li>
                            <li>我的红包</li>
                            <li>我的考拉豆</li>
                            <li>帐号管理</li>
                            <li>我的实名认证</li>
                            <li>我的发票抬头</li>
                            <li>我收藏的商品</li>
                            <li>我关注的品牌</li>
                            <li>售后管理</li>
                        </ul>
                    </a>
                </li>
                <li><a href="#">客户服务
                        <ul id="up">
                            <li>联系客服</li>
                            <li>帮助中心</li>
                            <li>知识产权保护</li>
                            <li>规则中心</li>
                        </ul>
                    </a></li>
                <li><a href="./recharge.html">充值中心
                        <ul id="up">
                            <li>话费充值</li>
                            <li>游戏充值</li>
                            <li>App Store充值卡</li>
                        </ul>
                    </a></li>
                <li><a href="./consumers rights.html">消费者权益
                        <ul id="up">
                            <li>消费者告知书</li>
                        </ul>
                    </a>
                    <li><a href="#">更多
                        <ul id="up">
                            <li>收藏本站</li>
                            <li>新浪微博</li>
                            <li>微信公众号</li>
                            <li>招商合作</li>
                        </ul>
                    </a>
                        <li><a href="#">视频内容</a></li>
            </ul>
        </nav>
    </div>
    <!-- header中的第二个盒子的设置，主要是logo和搜索栏 -->
    <div class="box w">
        <div class="box-logo">
            <a href="#"><img src="./images/网易考拉logo.png" alt="网易考拉logo"></a>
        </div>
        <div class="box-search">
            <input type="text" placeholder="口红">
            <button><i class="iconfont icon-ai219"></i></button>
        </div>
        <div class="box-shopping-car">
            <button><i class="iconfont icon-gouwuche1"></i> 购物车</button>
        </div>
    </div>
    <!-- header中的第二个盒子结束了 -->
    <div class="nav-red">
        <div class="nav-red-one">
            <i class="iconfont icon-ziyuan114"></i>
            <p> 所有分类
                <ul class="menu">
                    <li><i class="iconfont icon-xiangshui"></i>
                        <a href="#">美容美妆</a>
                    </li>
                    <li><i class="iconfont icon-gouwuche"></i>
                        <a href="#">母婴儿童</a>
                    </li>
                    <li><i class="iconfont icon-changyongicon-"></i>
                        <a href="#">营养保健</a>
                    </li>
                    <li><i class="iconfont icon-xiangji"></i>
                        <a href="#">数码家电</a>
                    </li>
                    <li><i class="iconfont icon-qingjie1-copy"></i>
                        <a href="#">个护家清</a>
                    </li>
                    <li><i class="iconfont icon-yijia"></i>
                        <a href="#">服饰鞋靴</a>
                    </li>
                    <li><i class="iconfont icon-zhinanzhendaohang"></i>
                        <a href="#">运动户外</a>
                    </li>
                    <li><i class="iconfont icon-shizhong"></i>
                        <a href="#">手表配饰</a>
                    </li>
                    <li><i class="iconfont icon-bao"></i>
                        <a href="#">轻奢</a>
                    </li>
                    <li><i class="iconfont icon-shafa"></i>
                        <a href="#">家具生活</a>
                    </li>
                    <li><i class="iconfont icon-hanbao"></i>
                        <a href="#">环球美食</a>
                    </li>
                    <li><i class="iconfont icon-chongwutubiao04"></i>
                        <a href="#">宠物生活</a>
                    </li>
                </ul>
            </p>
        </div>
        <div class="nav-red-two">
            <ul>
                <li>
                    <a href="./index.html" style="color: #ff0e20;">首页</a></li>
                <li><a href="./oversea.html ">海外直购</a></li>
                <li><a href="./purchased product.html ">考拉海购出品</a></li>
                <li><a href="./milk powder.html ">品质奶粉</a></li>
                <li><a href="./the mask.html ">人气面膜</a></li>
                <li><a href="./recharge.html ">充值</a></li>
            </ul>
        </div>
    </div>
    <!-- </header> -->
    <!-- header母版结束 -->

    <!-- 版头大图片开始设置 -->
    <div class="bgc ">
        <div class="banner ">
            <div class="banner-img "></div>
            <section class="ziying ">
                <div class="banner-nav-left ">
                    <a href="# "><i class="iconfont icon-ziqian "></i>考拉自营</a>
                    <a href="# "><i class="iconfont icon-diqiu "></i>全球直采</a>
                    <a href="# "><i class="iconfont icon-zheng "></i>假一赔十</a>
                    <a href="# "><i class="iconfont icon-qian "></i>售后无忧</a>
                    <div class="banner-nav-right ">
                        <a href="# "> <i class="iconfont icon-shouji "></i> 新用户下载APP,领10元无门槛券 </a>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <!-- 版头结束 -->

    <!-- 商品浏览页开始 -->
    <section class="goods ">
        <!-- 商品浏览的粘性定位 -->
        <div class="goods-left ">
            <ul>
                <div><img src="./images/首页/首页粘性定位.jpg " alt="出错啦！ "></div>
                <div><a href="# ">热门品牌</a></div>
                <li> <a href="# ">运动户外</a> </li>
                <li> <a href="# ">美妆专区</a> </li>
                <li> <a href="# ">个人家清</a> </li>
                <li> <a href="# ">奢品馆</a> </li>
                <li> <a href="# ">手表配饰</a> </li>
                <li> <a href="# ">美食生鲜</a> </li>
                <li> <a href="# ">服饰鞋靴</a> </li>
                <li> <a href="# ">家居生活</a> </li>
                <li> <a href="# ">数码家电</a> </li>
                <li> <a href="# ">母婴专区</a> </li>
                <li> <a href="# ">营养保健</a> </li>
            </ul>
        </div>
        <div class="goods-right ">
            <ul>
                <li> <a href="# "><i class="iconfont icon-qizhi "></i>
                        <!-- <br> -->
                        <span>签到</span></a> </li>
                <li> <a href="# "><i class="iconfont icon-gouwuche "></i>
                        <!-- <br> -->
                        <span>购物车</span></a> </li>
                <li> <a href="# "><i class="iconfont icon-shouji "></i>
                        <!-- <br> -->
                        <span>APP</span></a> </li>
                <li> <a href="# "><i class="iconfont icon-xiangshang "></i>
                        <!-- <br> -->
                        <span>TOP</span></a> </li>
            </ul>
        </div>
        <!-- 第一行大盒子 -->
        <!-- 第一个总类盒子 -->
        <div class="first-goods ">
            <!-- 商品标题的有关设置 -->
            <div class="goods-title ">
                <span>运动户外</span>
                <ul class="goods-name ">
                    <li>热搜词：</li>
                    <li><a href="# " style="color: #fe060c; ">阿迪达斯</a></li>
                    <li><a href="# ">耐克</a></li>
                    <li><a href="# ">斯凯奇</a></li>
                    <li><a href="# ">安德玛</a></li>
                </ul>
                <a href="# " class="goods-more ">更多好货></a>
            </div>
            <!-- 商品展示的设置 -->
            <div class="goods-display ">
                <!-- 第一列大盒子 -->
                <div class="goods-display-1 ">
                    <ul class="goods-tag ">
                        <li>
                            <a href="# ">
                                <span>运动潮鞋</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>防晒</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>运动服饰</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>瑜伽游泳</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>运动鞋</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>户外鞋靴</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 第二列大盒子 -->
                <div class="goods-display-2 ">
                    <!-- 四个小盒子的设置 -->
                    <div class="goods-display-2-1 ">
                        <h3>斯凯奇新品上市</h3>
                        <p>热门鞋款低至5.7折</p>
                        <img src="./images/首页/运动户外小盒子1.jpg " alt=" ">
                    </div>
                    <div class="goods-display-2-2 ">
                        <h3>自营折扣精选</h3>
                        <p>阿迪耐克满199-100</p>
                        <img src="./images/首页/运动户外小盒子2.jpg " alt=" ">
                    </div>
                    <div class="goods-display-2-3 ">
                        <h3>活力出游季</h3>
                        <p>北面冲锋衣低至4折</p>
                        <img src="./images/首页/运动户外小盒子3.jpg " alt=" ">
                    </div>
                    <div class="goods-display-2-4 ">
                        <h3>安德玛健身特惠</h3>
                        <p>每满400减50</p>
                        <img src="./images/首页/运动户外小盒子4.jpg " alt=" ">
                    </div>
                </div>
                <!-- 第三列大盒子 -->
                <div class="goods-display-3 ">
                    <!-- 第三列小盒子的设置 -->
                    <h3>最近热卖</h3>
                    <div class="goods-display-3-1 ">
                        <img src="./images/首页/最近热卖1.jpg " alt="最近热卖 ">
                        <a href="# ">【自营发货】NIKE 耐克Tanjun新款男士透气</a>
                        <br>
                        <strong>￥339</strong><span>￥499</span>
                    </div>
                    <div class="goods-display-3-2 ">
                        <img src="./images/首页/最近热卖2.jpg " alt="最近热卖 ">
                        <a href="# ">【自营发货】NIKE 耐克Tanjun SE 女子网面</a>
                        <br>
                        <strong>￥319</strong><span>￥499</span>
                    </div>
                    <div class="goods-display-3-3 ">
                        <img src="./images/首页/最近热卖3.jpg " alt="最近热卖 ">
                        <a href="# ">【刘昊然同款】PUMA彪马地磅板鞋潮流男士</a>
                        <br>
                        <strong>￥227</strong><span>￥699</span>
                    </div>
                    <div class="goods-display-3-4 ">
                        <img src="./images/首页/最近热卖4.jpg " alt="最近热卖 ">
                        <a href="# ">【考拉自营】 Fjallraven 北极狐 书包</a>
                        <br>
                        <strong>￥359</strong><span>￥699</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第二行大盒子 -->
        <!-- 热卖品牌 -->
        <div class="brand ">
            <!-- 热卖品牌的标题 -->
            <div class="brand-title ">
                热卖品牌
            </div>
            <!-- 热卖品牌的图片 -->
            <div class="brand-img ">
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌1.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌2.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌3.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌4.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌5.jpg " alt=" ">
                    </a>
                </div>

            </div>
        </div>

        <!-- 第二个总类盒子 -->
        <!-- 第一行大盒子 -->
        <div class="first-goods ">
            <!-- 商品标题的有关设置 -->
            <div class="goods-title ">
                <span>美妆专区</span>
                <ul class="goods-name ">
                    <li>热搜词：</li>
                    <li><a href="# " style="color: #fe060c; ">面膜</a></li>
                    <li><a href="# ">口红</a></li>
                    <li><a href="# ">眼霜</a></li>
                    <li><a href="# ">精华</a></li>
                    <li><a href="# ">卸妆</a></li>
                </ul>
                <a href="# " class="goods-more ">更多好货></a>
            </div>
            <!-- 商品展示的设置 -->
            <div class="goods-display ">
                <!-- 第一列大盒子 -->
                <div class="goods-display-1 ">
                    <ul class="goods-tag ">
                        <li>
                            <a href="# ">
                                <span>精致护肤</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>人气面膜</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>大牌彩妆</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>防晒修护</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>迷人香氛</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>面部精华</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 第二列大盒子 -->
                <div class="goods-display-2 ">
                    <!-- 四个小盒子的设置 -->
                    <div class="goods-display-2-1 ">
                        <h3>斯凯奇新品上市</h3>
                        <p>热门鞋款低至5.7折</p>
                        <img src="./images/首页/运动户外小盒子1.jpg " alt=" ">
                    </div>
                    <div class="goods-display-2-2 ">
                        <h3>自营折扣精选</h3>
                        <p>阿迪耐克满199-100</p>
                        <img src="./images/首页/运动户外小盒子2.jpg " alt=" ">
                    </div>
                    <div class="goods-display-2-3 ">
                        <h3>活力出游季</h3>
                        <p>北面冲锋衣低至4折</p>
                        <img src="./images/首页/运动户外小盒子3.jpg " alt=" ">
                    </div>
                    <div class="goods-display-2-4 ">
                        <h3>安德玛健身特惠</h3>
                        <p>每满400减50</p>
                        <img src="./images/首页/运动户外小盒子4.jpg " alt=" ">
                    </div>
                </div>
                <!-- 第三列大盒子 -->
                <div class="goods-display-3 ">
                    <!-- 第三列小盒子的设置 -->
                    <h3>最近热卖</h3>
                    <div class="goods-display-3-1 ">
                        <img src="./images/首页/最近热卖1.jpg " alt="最近热卖 ">
                        <a href="# ">【自营发货】NIKE 耐克Tanjun新款男士透气</a>
                        <br>
                        <strong>￥339</strong><span>￥499</span>
                    </div>
                    <div class="goods-display-3-2 ">
                        <img src="./images/首页/最近热卖2.jpg " alt="最近热卖 ">
                        <a href="# ">【自营发货】NIKE 耐克Tanjun SE 女子网面</a>
                        <br>
                        <strong>￥319</strong><span>￥499</span>
                    </div>
                    <div class="goods-display-3-3 ">
                        <img src="./images/首页/最近热卖3.jpg " alt="最近热卖 ">
                        <a href="# ">【刘昊然同款】PUMA彪马地磅板鞋潮流男士</a>
                        <br>
                        <strong>￥227</strong><span>￥699</span>
                    </div>
                    <div class="goods-display-3-4 ">
                        <img src="./images/首页/最近热卖4.jpg " alt="最近热卖 ">
                        <a href="# ">【考拉自营】 Fjallraven 北极狐 书包</a>
                        <br>
                        <strong>￥359</strong><span>￥699</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第二行大盒子 -->
        <!-- 热卖品牌 -->
        <div class="brand ">
            <!-- 热卖品牌的标题 -->
            <div class="brand-title ">
                热卖品牌
            </div>
            <!-- 热卖品牌的图片 -->
            <div class="brand-img ">
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌1.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌2.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌3.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌4.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌5.jpg " alt=" ">
                    </a>
                </div>

            </div>
        </div>

        <!-- 第三个总类盒子 -->
        <!-- 第一行大盒子 -->
        <div class="first-goods ">
            <!-- 商品标题的有关设置 -->
            <div class="goods-title ">
                <span>个人家清</span>
                <ul class="goods-name ">
                    <li>热搜词：</li>
                    <li><a href="# " style="color: #fe060c; ">秀发滋养</a></li>
                    <li><a href="# ">沐浴清洁</a></li>
                    <li><a href="# ">细嫩护手</a></li>
                    <li><a href="# ">姨妈无感</a></li>
                    <li><a href="# ">口腔清新</a></li>
                    <li><a href="# ">纸品湿巾</a></li>
                    <li><a href="# ">安全出行</a></li>
                    <li><a href="# ">萌宠口粮</a></li>
                </ul>
                <a href="# " class="goods-more ">更多好货></a>
            </div>
            <!-- 商品展示的设置 -->
            <div class="goods-display ">
                <!-- 第一列大盒子 -->
                <div class="goods-display-1 ">
                    <ul class="goods-tag ">
                        <li>
                            <a href="# ">
                                <span>洗发护发</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>身体护理</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>口腔护理</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>女性护理</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>居家清洁</span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <span>宠物生活</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 第二列大盒子 -->
                <div class="goods-display-2 ">
                    <!-- 四个小盒子的设置 -->
                    <div class="goods-display-2-1 ">
                        <h3>斯凯奇新品上市</h3>
                        <p>热门鞋款低至5.7折</p>
                        <img src="./images/首页/运动户外小盒子1.jpg " alt=" ">
                    </div>
                    <div class="goods-display-2-2 ">
                        <h3>自营折扣精选</h3>
                        <p>阿迪耐克满199-100</p>
                        <img src="./images/首页/运动户外小盒子2.jpg " alt=" ">
                    </div>
                    <div class="goods-display-2-3 ">
                        <h3>活力出游季</h3>
                        <p>北面冲锋衣低至4折</p>
                        <img src="./images/首页/运动户外小盒子3.jpg " alt=" ">
                    </div>
                    <div class="goods-display-2-4 ">
                        <h3>安德玛健身特惠</h3>
                        <p>每满400减50</p>
                        <img src="./images/首页/运动户外小盒子4.jpg " alt=" ">
                    </div>
                </div>
                <!-- 第三列大盒子 -->
                <div class="goods-display-3 ">
                    <!-- 第三列小盒子的设置 -->
                    <h3>最近热卖</h3>
                    <div class="goods-display-3-1 ">
                        <img src="./images/首页/最近热卖1.jpg " alt="最近热卖 ">
                        <a href="# ">【自营发货】NIKE 耐克Tanjun新款男士透气</a>
                        <br>
                        <strong>￥339</strong><span>￥499</span>
                    </div>
                    <div class="goods-display-3-2 ">
                        <img src="./images/首页/最近热卖2.jpg " alt="最近热卖 ">
                        <a href="# ">【自营发货】NIKE 耐克Tanjun SE 女子网面</a>
                        <br>
                        <strong>￥319</strong><span>￥499</span>
                    </div>
                    <div class="goods-display-3-3 ">
                        <img src="./images/首页/最近热卖3.jpg " alt="最近热卖 ">
                        <a href="# ">【刘昊然同款】PUMA彪马地磅板鞋潮流男士</a>
                        <br>
                        <strong>￥227</strong><span>￥699</span>
                    </div>
                    <div class="goods-display-3-4 ">
                        <img src="./images/首页/最近热卖4.jpg " alt="最近热卖 ">
                        <a href="# ">【考拉自营】 Fjallraven 北极狐 书包</a>
                        <br>
                        <strong>￥359</strong><span>￥699</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第二行大盒子 -->
        <!-- 热卖品牌 -->
        <div class="brand ">
            <!-- 热卖品牌的标题 -->
            <div class="brand-title ">
                热卖品牌
            </div>
            <!-- 热卖品牌的图片 -->
            <div class="brand-img ">
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌1.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌2.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌3.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌4.jpg " alt=" ">
                    </a>
                </div>
                <div>
                    <a href="# ">
                        <img src="./images/首页/热卖品牌5.jpg " alt=" ">
                    </a>
                </div>

            </div>
        </div>
    </section>
    <!-- 商品浏览页总的盒子结束 -->


    <!-- 尾部 -->
    <div class="footer ">
        <div class="one ">
            <div>
                <i class="iconfont icon-zheng1 "></i>
                <p>正品承诺</p>
                <p>正品保障 假一赔十</p>
            </div>
            <div>
                <i class="iconfont icon-di "></i>
                <p>低价保障</p>
                <p>缩减中间环节 确保低价</p>
            </div>
            <div>
                <i class="iconfont icon-iconfontzhizuobiaozhun34 "></i>
                <p>30天无忧退货</p>
                <p>国内退货 售后无忧</p>
            </div>
            <div>
                <i class="iconfont icon-youjian "></i>
                <p>满88包邮</p>
                <p>部分特殊商品除外</p>
            </div>
        </div>
        <div class="two ">
            <div>
                <img src="./images/网易考拉logo.png " alt="error " />
                <a href="# ">关于我们 <i class="iconfont icon-weibo "></i><i class="iconfont icon-weixin "></i></a>
                <ul>
                    <li>
                        考拉保障
                        <ul>
                            <li>假一赔十</li>
                            <li>廉政举报</li>
                            <li>&nbsp;</li>
                            <li>&nbsp;</li>
                        </ul>
                    </li>
                    <li>
                        新手指南
                        <ul>
                            <li>购物流程</li>
                            <li>支付方式</li>
                            <li>通关税费</li>
                            <li>常见问题</li>
                        </ul>
                    </li>
                    <li>
                        售后服务
                        <ul>
                            <li>售后政策</li>
                            <li>退货流程</li>
                            <li>特色服务</li>
                            <li>联系客服</li>
                        </ul>
                    </li>
                    <li>
                        物流配送
                        <ul>
                            <li>配送方式</li>
                            <li>配送服务</li>
                            <li>运费标准</li>
                            <li>物流跟踪</li>
                        </ul>
                    </li>
                    <li>
                        商家服务
                        <ul>
                            <li>招商合作</li>
                            <li>销售联盟</li>
                            <li>商家成长</li>
                            <li>&nbsp;</li>
                        </ul>
                    </li>
                    <li>
                        关于我们
                        <ul>
                            <li>联系我们</li>
                            <li>CEO邮箱</li>
                            <li>&nbsp;</li>
                            <li>&nbsp;</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div>
                <img src="./images/网易考拉下载二维码.png " alt="error " />
                <p>扫描下载手机版</p>
            </div>
        </div>
        <div class="three ">
            <img src="./images/footer.jpg " alt="error " />
        </div>
    </div>

    </div>
</body>

</html>